.box {
    background-color: burlywood;
    opacity: 1;
    border: 5px solid #00ffff;
    width: 500px;
}

div table {
    opacity: 1;
}

body {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

h3 {
    text-align: center;
}

a {
    text-decoration: none;
    color: #06f81a;
}

div>table>tr>td>input:focus {
    background-color: #00ffff;
}
.role {
    background-image: url(img/动态图.jpg);
        width: 150px;
        height: 200px;
        animation: dabai 3s steps(17);
}
@keyframes dabai {
    0%{
        background-position: 0px;
    }
    100%{
        background-position: -1600;
    }
}